<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>硅谷少儿英语</title>
<meta name="description" content="" />
<meta name="Keywords" content="少儿英语培训，儿童英语，少儿口语，外教上门，外教到家，小班英语" />
<link rel="shortcut icon" href="https://www.svenglish.cn/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/success.css">
</head>
<body class="success">

<div class="page_all" id="successPage">
  <div class='header'>
    <div class='logo'><img src='images/logo.png'></div>
  </div>

  <div class="success_tip">{{getCourseName(courseId)}}报名已成功！</div>
  <!--<div class="success_highlight">-->
    <!--<b>邀请<em>1人</em>试听，<br>最终学费至少<em>省14400元/人</em></b>-->
    <!--<p>(如：1学期1人班28800元/人，2人班14400元/人，3人班9600元/人...)</p>-->
  <!--</div>-->
  <div class="success_highlight">
    <b>再邀请1人参加，即可成班<br>享受一次免费试听</b>
    <p>参加人数越多，最终学费越便宜</p>
  </div>

  <div class="success-priceTable">
    <table cellpadding="0" cellspacing="0">
      <tr>
        <th rowspan="4" width="20%">一学期64<br>课时为例</th>
        <th width="30%">班型</th>
        <th>学费总价</th>
      </tr>
      <tr>
        <td>2人班</td>
        <td>16000元/人 (250元/课时)</td>
      </tr>
      <tr>
        <td>3人班</td>
        <td>11200元/人 (175元/课时)</td>
      </tr>
      <tr>
        <td>4人班</td>
        <td>9280元/人 (145元/课时)</td>
      </tr>
    </table>
  </div>

  <!--<div class="success_tip2">报名满2人，即可安排试听！</div>-->

  <div class='main_box form_box' id="formBox">
    <h3 class='form_tit'>现在就邀请朋友一起来参加课程</h3>
    <p class="form_tit_info">请选择您所在的小区，便于您邀请的朋友或<br>小区附近的其他家长加入，孩子学习更方便</p>
    <ul class="form_list">
      <li class="formList-oneLine">
          <div class="oneLine-tit">所在小区</div>
        <input class='input' @click="locationFocus" v-model="contactLocation" type='text' placeholder='请选择' readonly></input>
      </li>

      <li class="indentNone">
        <label><input type="checkbox" name="allowOtherJoin" v-model="allowOtherJoin">允许附近的小朋友加入（成班更容易）</label>
      </li>
      <li>
        <span class="btn" @click="submitFn">去邀请朋友参加</span>
      </li>
    </ul>

    
  </div>


  <div class="form_service">
    <div class="form_service_l">
      <img src="images/home/ewm.png" alt="">
      <p>硅谷少儿英语小谷老师</p>
    </div>
    <div class="form_service_r">
      长按识别左侧二维码<br>
      添加小谷老师客服微信咨询<br>
      了解更多试听课程细节
    </div>
  </div>


  <!-- 地址补全弹窗 -->
  <div class="location_search" :class="{'show':showSearch}">
    <iframe id="mapPage" width="100%" height="100%" frameborder=0 src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=5GVBZ-IJXLI-SE6GQ-5RUSL-I2PDF-XVB73&referer=myapp"></iframe>
  </div>
 

</div>

<!-- 提示框 -->
<div class="modal_bg"></div>
<div class="modal_box">
  <p>请填写联系人</p>
  <div class="modal_footer">
    <div class="modal_btn js_alert_cancel">取消</div>
    <div class="modal_btn green js_alert_ok">确定</div>
  </div>
</div>

<footer class="appFoot">
  <a href="index.html"><span class="appFoot-itemText">免费试听</span></a>
  <a href="course-1.html"><span class="appFoot-itemText">了解课程</span></a>
  <a href="myOrder.html"><span class="appFoot-itemText">我的...</span></a>
  <a href="about.html"><span class="appFoot-itemText">关于我们</span></a>
</footer>

<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="js/zepto.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/success.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133564697-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-133564697-1');
</script>


</body>
</html>
